<template>
  <div>
    <header>
    <slot name="header"></slot>
    </header>
    <main>
      这是带有名字的插槽
   <slot name="main"></slot>
   这是没有名字的插槽
   <slot></slot>
    </main>
    <footer>
     <slot name="footer"></slot>
    </footer>
    <slot :user="user"></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 作用域插槽 子组件的值传给父组件
      user: {
        firstName: 'haonan',
        lastName: 'yu'
      }
    }
  }
}
</script>

<style>

</style>
